      <link rel="stylesheet" href="/lib/adminlte/css/skins/skin-yellow-light.min.css">

<div class="skin-yellow-light sidebar-mini">
    <header class="main-header" ng-controller="navCtrl as vm">
        <a ui-sref="admin.main" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini"><b>IHG</b></span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><img src="img/logo.png" class="img" style="height:80px"/></span> 
        </a>
    <nav class="navbar navbar-static-top">
        
           <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <li><a>{{vm.hotelName}}</a></li>
                    <li><a ng-click="vm.logout()">LOGOUT</a></li>
                </ul>
            </div>
        <!-- /.container-fluid -->
    </nav>
</header>
<aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
          
          <!-- sidebar menu: : style can be found in sidebar.less -->
          <ul class="sidebar-menu">
            <li class="header">MENU</li>
            <li ng-if="role=='Super Admin'" ui-sref-active="active"><a ui-sref="admin.progress" ><i class="fa fa-dashboard text-aqua"></i><span>Submission Check List</span></a></li>            
            <li ng-if="role!='Training Admin' && role!='GC People Admin'" ui-sref-active="active"><a ui-sref="admin.main" ><i class="fa fa-star-o text-yellow"></i><span>HR - Turnover</span></a></li>
            <li ng-if="role!='Training Admin' && role!='GC People Admin'" ui-sref-active="active"><a ui-sref="admin.staffing" ><i class="fa fa-star-o text-yellow"></i><span>HR - Staffing</span></a></li>
            <li ng-if="role!='Training Admin' && role!='GC People Admin'" ui-sref-active="active"><a ui-sref="admin.recruit" ><i class="fa fa-star-o text-yellow"></i><span>HR - Recruiment</span></a></li>
            <li ng-if="role!='Training Admin' && role!='GC People Admin'" ui-sref-active="active"><a ui-sref="admin.pathway" ><i class="fa fa-star-o text-yellow"></i><span>HR - Career Pathways</span></a></li>
            <li ng-if="role!='Training Admin' && role!='GC People Admin'" ui-sref-active="active"><a ui-sref="admin.directory" ><i class="fa fa-star-o text-yellow"></i><span>HR - Directory</span></a></li>
            <li ng-if="role=='Training Admin'" ui-sref-active="active"><a ui-sref="admin.directory" ><i class="fa fa-star-o text-yellow"></i><span>Directory</span></a></li>
            <li ng-if="role!='Training Admin' && role!='GC People Admin'" ui-sref-active="active"><a ui-sref="admin.feedback" ><i class="fa fa-star-o text-yellow"></i><span>HR - Feedback</span></a></li>
            <li ng-if="role!='Training Admin'" ui-sref-active="active"><a ui-sref="admin.people" ><i class="fa fa-star-o text-yellow"></i><span>HR - GC People Planning</span></a></li>
            <li ng-if="role!='Training Admin' && role!='GC People Admin'" ui-sref-active="active"><a ui-sref="admin.recognition" ><i class="fa fa-star-o text-yellow"></i><span>HR - Recognition</span></a></li>
            <li ng-if="role!='Training Admin'" ui-sref-active="active"><a ui-sref="admin.hrreport" ><i class="fa fa-star-o text-yellow"></i><span>HR - Report Export</span></a></li>

            <li ng-if="role!='GC People Admin'"ui-sref-active="active"><a ui-sref="admin.training"><i class="fa fa-share-alt text-aqua"></i> <span>Training</span></a></li>
            <li ng-if="role=='Super Admin'" ui-sref-active="active"><a ui-sref="admin.preopen"><i class="fa fa-paper-plane-o text-light-blue"></i> <span>Pre-Opening</span></a></li>

            <li ng-if="role=='Super Admin'" ui-sref-active="active"><a ui-sref="admin.hotel"><i class="fa fa-user text-red"></i> <span>Hotel Management</span></a></li>
            <li ng-if="role=='Super Admin'" ui-sref-active="active"><a ui-sref="admin.account"><i class="fa fa-user text-red"></i> <span>Admin Account Management</span></a></li>
            <li ng-if="role=='Super Admin'" ui-sref-active="active"><a ui-sref="admin.setting"><i class="fa fa-gear text-yellow"></i> <span>Report Settings</span></a></li>
            
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>
      <div class="content-wrapper">
<div ui-view></div>
<!-- /.content -->
</div>

</div>